<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>个人信息</title>
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="../css/bui.css" />
</head>
<body>
<style>
    .page-form .bui-fluid-space-3 .span1 {
        margin-bottom: .2rem;
    }

    .selected-val {
        margin-right: .1rem;
    }
</style>
<div class="bui-page page-form">
    <header class="bui-bar">
        <div class="bui-bar-left"> <a class="bui-btn btn-back" href="./my.html"><i class="icon-back"></i></a> </div>
        <div class="bui-bar-main">个人信息</div>
        <div class="bui-bar-right"> </div>
    </header>
    <main>
        <div class="bui-list">
            <label class="bui-btn bui-box">
                <div class="bui-label">姓名</div>
                <div class="span1">
                    <div class="bui-value" id="xm">&nbsp;</div>
                </div>
            </label>
            <label class="bui-btn bui-box">
                <div class="bui-label">手机号</div>
                <div class="span1">
                    <div class="bui-value" id="mobile">&nbsp;</div>
                </div>
            </label>
            <label class="bui-btn bui-box">
                <div class="bui-label">身份证号</div>
                <div class="span1">
                    <div class="bui-value" id="idcard">&nbsp;</div>
                </div>
            </label>
            <label class="bui-btn bui-box">
                <div class="bui-label">性别</div>
                <div class="span1">
                    <div class="bui-value" id="sex">&nbsp;</div>
                </div>
            </label>

            <label class="bui-btn bui-box">
                <div class="bui-label">住址</div>
                <div class="span1">
                    <div class="bui-value" id="address">&nbsp;</div>
                </div>
            </label>
        </div>

    </main>
</div>
    <!-- 依赖库 手机调试的js引用顺序如下 -->
    <script src="../js/zepto.js"></script>
    <script src="../js/plugins/fastclick.js"></script>
    <script src="../js/bui.js"></script>
    <script src="../js/common.js"></script>
    <script>
        bui.ready(function () {
            initCommon(bui);
            var storage = bui.storage();
            var user = storage.get("user",0);
            if(user){
                $("#xm").html(user.xm);
                $("#mobile").html(user.mobile);
                $("#idcard").html(user.idcard);
                $("#sex").html(user.sex);
                $("#address").html(user.address);
            }
            bui.btn({id: ".bui-page", handle: ".bui-btn"}).load();
        })
    </script>
</body>
</html>